/*
main css
*/
body {font-family: Arial; margin:0 auto; color: #666666; font-size: 12px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
#main, #header a, ul#top-menu3, ul#control, #notes li , #notes a{background-image:url(../images/bg.png); background-repeat:no-repeat;}
#main {background-position:0 0; width: 925px; height: 645px; position: relative;}
#header a, #notes a {text-indent: -10000px; display: block; overflow: hidden; position: absolute; text-decoration: none;}

/* top-menu1 */
#header li {list-style: none outside none; float: left;}
#header ul#top-menu1 {float: right; position: absolute; top: 10px; left: 755px;}
a.home{background-position:  -182px -1070px; width: 33px; height: 30px; left: 0; top: 5px;}
a.fb{background-position: -182px -955px; width: 33px; height: 35px; left: 37px; top: 5px;}
a.email{background-position: -182px -1036px; width: 33px; height: 32px; left: 70px; top: 5px;}
a.chat{background-position: -173px -988px; width: 39px; height: 40px; left: 110px;}

/* top-menu2*/
#header div#top-menu2 {float: left; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2;}
a.logo{background-position: 0 -942px; width: 144px; height: 147px; top: 0px; left: 30px; z-index: 1;}
a.sologan{background-position: 0 -1102px; width: 223px; height: 40px; top: 10px; left: 195px;}

#header ul#top-menu3 {float: left; position: absolute; top: 104px; left: 0; background-position: 0 -672px; height: 50px; width: 100%; z-index: 0;}
ul#top-menu3 a.scholarship{position: absolute; top: 4px; left: 232px; background-position: -334px -992px; width: 128px; height: 36px;}
ul#top-menu3 a.blog{position: absolute; top: 7px; left: 416px; background-position: -340px -1072px; width: 110px; height: 29px;}
ul#top-menu3 a.discover{position: absolute; top: 4px; left: 599px; background-position: -338px -955px; width: 140px; height: 36px;}

#header div#banner {float: left; position: absolute; top: 152px; left: 0; height: 50px; width: 100%; z-index: 0;}
#header div#banner img{position: absolute; top: 0; left: 0;}
div#banner ul#control {float: left; position: absolute; top: 183px; left: 0; background-position: 0 -1176px; height: 50px; width: 100%; z-index: 100;}
ul#control .one{top: 0; left: 776px; background-position: -256px -965px; height: 50px; width: 45px; z-index: 1;}
ul#control .two{top: 0; left: 828px; background-position: -256px -1020px; height: 50px; width: 45px; z-index: 1;}
ul#control .three{top: 0; left: 879px; background-position: -256px -1074px; height: 50px; width: 45px; z-index: 1;}

#body {position: relative;}

/*notes*/
#body #notes {width: 100%; height: 200px; position: absolute; top: 400px; left: 0px;}
#notes li {list-style: none outside none; float: left; position: absolute; }
#notes li.note {height: 215px; padding-top: 20px;}
#notes li.first {z-index: 1; background-position: -226px -730px; width: 238px; padding-left: 20px; left: 0px;}
#notes li.second {z-index: 2; background-position: -484px -730px; width: 197px; padding-left: 20px; left: 253px;}
#notes li.third {z-index: 3; background-position: -702px -726px; width: 201px; padding-left: 20px; left: 467px;}
#notes li.screen{z-index: 1; background-position: 0 -723px; width: 224px; height: 167px; left: 693px; padding-top: 31px;}
.note a.sch_gift{background-position: -338px -1029px; height: 38px; width: 180px; left: 30px; top: 25px;}
.note a.blog{background-position: -338px -1072px; height: 30px; width: 113px; left: 30px; top: 30px;}
.note a.event{background-position: -338px -1104px; height: 30px; width: 125px; left: 30px; top: 30px;}
.note a.more{background-position: -528px -961px; height: 30px; width: 130px; left: 103px; top: 167px;}
.note a.meet{background-position: -528px -992px; height: 30px; width: 140px; left: 65px; top: 167px;}
.note a.register{background-position: -528px -1027px; height: 35px; width: 120px; left: 80px; top: 167px;}
.noteContent{position: absolute; text-align: left; top: 70px; width: 222px; padding-left: 8px;}
.noteContent2{position: absolute; text-align: left; top: 70px; width: 188px;}

/* left */
#left {position: absolute; top: 170px; left: 31px;}
/* right */
#right a.sch_gift, #right a.gift, a.register_red, #right a.emailNow, #right a.emailNow2 , #right a.blog, #right a.discover{background-image:url(../images/bg.png); background-repeat:no-repeat; text-indent: -10000px; display: block; overflow: hidden; text-decoration: none;}
#right a.emailNow {background-position: -528px -1108px; height: 37px; width: 111px;}
#right a.emailNow2 {background-position: -700px -959px; height: 37px; width: 130px;}
#right a.discover{background-position: -338px -955px; width: 140px; height: 36px;}
#right a.blog{background-position: -338px -1072px; height: 30px; width: 113px;}
#right {text-align: left; position: absolute; top: 170px; left: 278px; background-color: white; width: 583px; padding-left: 20px; height: 430px; opacity: 0.8; filter: alpha(opacity = 80);}
#right a.sch_gift{background-position: -338px -1029px; height: 38px; width: 180px;}
#right a.gift{background-position: -639px -1228px; height: 72px; width: 63px;}
a.register_red{background-position: -528px -1062px; height: 50px; width: 177px;}

.red{color: #971b23}
.black{color: #000000}
.title{font-weight: bold;}
.subTitle{}
.left {float: left;}
.right{float: right;}
.clearthis{clear: both;}
.pad10{padding: 10px}
.pad20{padding: 20px}
.padTop10px{padding-top: 10px;}
.padLeft10px{padding-left: 10px;}
.padRight20px{padding-right: 20px;}
.bold{font-weight: bold;}
hr.redLine{color: #971b23; background-color: #971b23; height: 1px;}

#youtube-container {width: 100%;}
#youtube-container li  {list-style: none outside none; float: left; width: 185px; padding-top: 10px;}